body {
	background-color: #ffffb3;
	font-family: Georgia; Times New Roman; Courier; serif
}
a {
	text-decoration: none;
	color: #003300;
}	
p {
	column-count: 2; 
    column-gap: 45%; 
    column-rule-style: none;
}
#container {

}
#header {
	background-color:hsla(120,100%,25%,0.3);
	color: #003300;
	text-align: center;	
}
#nav {
	width: 25%;
	float: left;
}
#nav ul {
		list-style-type: none;
}
#nav .selected {
	font-weight: bold;
}
#main {
	width: 65%
	float: right;
}
#footer {
	clear: both;
	background-color: #f2f2f2;
	padding: 0.5%;
	text-align: right;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-gap: 5px;
  background-color: #336600;
  padding: 10px;
}
.grid-container > div {
  background-color: rgb(191, 255, 128);
  text-align: left;
  padding: 15px 0;
  font-size: 20px;
}